/**
 * @desc: 表格样式
 * @author zhangqiang
 * @date 2022/1/14
*/

.table-container {
    width: 100%;
    background: $--color-form-bg;
    // box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    padding: 0px 0 15px 0;
}

//.el-table {
//    background: transparent;
//    font-size: 16px;
//    td,
//    th {
//        text-align: left;
//    }
//
//    th, .el-table th.el-table__cell {
//        color: $--color-header-color;
//        background-color: $--color-form-bg !important;
//        border: none !important;
//    }
//
//    tr {
//        border: 0;
//        color: $--color-text-color;
//    }
//
//    td {
//        padding: 0;
//    }
//
//    /* table头部 */
//    thead {
//        tr {
//            min-height: 45px;
//            height: 45px;
//
//            th {
//                font-weight: normal;
//
//                .cell {
//                    // padding:0 15px !important;
//                }
//            }
//
//            .el-table-column--selection {
//                position: relative;
//
//                .cell {
//                    height: 100%;
//                    display: flex;
//                    justify-content: center;
//                    align-items: center;
//                    position: absolute;
//                    top: 0;
//                    left: 0;
//
//                    .el-checkbox {
//                        padding-left: 30px;
//                    }
//                }
//            }
//
//            th:first-child {
//                padding: 0 15px;
//                .cell {
//                }
//            }
//            th:nth-last-of-type(2) {
//                padding-right: 15px;
//            }
//            .el-table-column--selection {
//                text-overflow: inherit;
//
//                .cell {
//                    text-overflow: inherit;
//
//                    .el-checkbox {
//                        margin-bottom: 1px;
//                    }
//                }
//            }
//        }
//
//        .el-table__cell {
//            padding: 9px 0 12px 0;
//        }
//    }
//
//    /* 表身每一行间距 */
//    .el-table__body {
//        border-spacing: 0 6px !important;
//        background: $--color-form-bg;
//    }
//
//    tbody {
//        tr {
//            background-color: $--color-tableRow-bg;
//            min-height: 45px;
//            height: 45px;
//
//            .el-table-column--selection {
//                position: relative;
//
//                .cell {
//                    height: 100%;
//                    display: flex;
//                    justify-content: center;
//                    align-items: center;
//                    position: absolute;
//                    top: 0;
//                    left: 0;
//                    right: 0;
//
//                    .el-checkbox {
//                        padding-left: 30px;
//                    }
//
//                    .el-checkbox.is-checked {
//                        display: flex;
//                        justify-content: center;
//                        align-items: center;
//                        height: 100%;
//                        width: 100%;
//                        padding-left: 30px;
//
//                        &::after {
//                            content: '';
//                            position: absolute;
//                            border-left: 4px solid $--color-primaryBtn-bg;
//                            left: -14px;
//                            top: 0;
//                            bottom: 0;
//                            height: 100%;
//                        }
//                    }
//                }
//            }
//
//            td:first-child {
//                padding-left: 15px;
//            }
//
//            td:last-child {
//                padding-right: 15px;
//            }
//        }
//
//        tr:nth-of-type(even) {
//            background-color: $--color-tableRow-bg;
//        }
//
//    }
//
//    td.el-table__cell {
//        height: 45px;
//        padding: 0;
//        border: none;
//
//        .cell {
//            padding: 0 15px;
//            .baseTable-img-box {
//                font-size: 0;
//                line-height: initial;
//                .table-img {
//                    width: 100%;
//                    height: 45px;
//                    //transition: all 0.28s;
//                    //&:hover {
//                    //    transform: scale(8);
//                    //    position: fixed;
//                    //    z-index: 99999;
//                    //}
//                }
//            }
//
//        }
//    }
//}

//.el-table::before {
//    height: 0 !important;
//}
//
//.el-table tbody tr:hover > td {
//    background-color: $--color-tableRowHover-bg !important;
//}
//
//.el-tooltip__popper.is-dark {
//    background-color: $--color-timePicker-bg;
//    color: $--color-input-color;
//    font-size: 16px;
//    min-height: 48px;
//    display: flex;
//    align-items: center;
//    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
//    max-width: 50%;
//}

/* 以下两个修改箭头颜色  */
//.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
//    border-top-color: $--color-timePicker-bg !important;
//}
//
//.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
//    border-bottom-color: $--color-timePicker-bg !important;
//}
//
//.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
//    border-left-color: $--color-timePicker-bg !important;
//}
//
//.el-tooltip__popper[x-placement^=right] .popper__arrow {
//    border-right-color: $--color-timePicker-bg !important;
//}
//.el-table--border {
//    border: 0;
//
//    th,
//    .el-table__fixed-right-patch {
//        border-bottom: 0;
//    }
//
//    td,
//    th {
//        border-right: 1px solid rgba(0, 174, 255, 0.2);
//    }
//
//}

//.el-table--striped {
//    .el-table__body {
//        tr {
//            &.el-table__row--striped {
//                td {
//                    border: 0;
//                    border-right: 1px solid rgba(0, 174, 255, 0.2);
//                    background: rgba(33, 63, 102, 0.6);
//                }
//
//                &:hover {
//                    td {
//                        background: #051231;
//                    }
//                }
//            }
//        }
//    }
//}

//.el-table__footer-wrapper tbody td {
//    color: #fff;
//    border-top: none;
//}
//
//.el-table__body,
//.el-table__footer,
//.el-table__header {
//    border: 0;
//}
//.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
//.el-table__body tr.current-row > td,
//.el-table__body tr.hover-row.current-row > td,
//.el-table__body tr.hover-row.el-table__row--striped.current-row > td,
//.el-table__body tr.hover-row.el-table__row--striped > td,
//.el-table__body tr.hover-row > td {
//    background-color: #051231;
//}
//
//.el-table__fixed-right::before,
//.el-table__fixed::before {
//    background-color: transparent;
//}


// 表格底部样式
.table-bottom-box {
    display: flex;
    padding: 0 30px;
    margin-top: 14px;

    .el-pagination {
        margin-top: 0;
    }
}

/*分页样式*/
.paginationBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.el-pagination__total {
    color: $--color-pagingJump-color;
}

.el-pagination.is-background .el-pager li {
    background: $--color-pagingJump-bg;
    color: $--color-pagingJump-color;
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    background-color: $--color-defaultBtnHover-bg;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background: $--color-primaryBtn-bg;
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    background-color: $--color-pagingJump-bg;
}

.el-pagination.is-background .btn-next.disabled, .el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.disabled, .el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.disabled {
    background-color: $--color-pagingJump-bg;
}

.el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon {
    color: $--color-pagingJump-color;
}

.is-in-pagination > .el-input__inner {
    background-color: $--color-pagingJump-bg;
    border: 1px solid $--color-pagingJump-bg;
    color: $--color-pagingJump-color;
}

.el-pagination__jump {
    color: $--color-pagingJump-color;
}

/* 表格空态页 */
.emptyBox {
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: $--color-routerTag-color;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;

    img {
        width: 120px;
        height: 120px;
    }
}
/* 图片空态页 */
.imgEmptyBox {
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: $--color-routerTag-color;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    img {
        display: block;
        width: 65px;
        height: 50px;
        margin-bottom: 16px;
    }
}

.el-table__empty-block {
    //background: $--color-tableRow-bg;
    height: 200px !important;
}

//.el-table__empty-block .el-table__empty-text img, .emptyBox img {
//    width: 120px;
//    height: 120px;
//}

.el-table__empty-text, .nodata-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: $--color-routerTag-color;
    align-items: center;
}

//.el-table--enable-row-hover .el-table__body tr:hover > td {
//    background-color: #008fd9;
//}
//
//.el-table--striped .el-table__body tr.el-table__row--striped:hover td {
//    background-color: #008fd9;
//}

/* 修改表头最后一格border显示问题 */
.el-table th:nth-last-of-type(2) {
    border-right: none !important;
}

// table按钮样式
.tableBtn {
    color: $--color-primaryBtn-bg;
    cursor: pointer;
}

// 全局可点击字体图标样式
.global-icon {
    cursor: pointer;
    //margin-right: 20px;
    margin-left: 0;

    &:hover {
        color: $--color-primaryBtnHover-bg;
    }
}
.tabIconClass,.global-icon{
    color: $--color-primaryBtn-bg;
}

/* 空态数据 */
.nodata-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: $--color-noData-bg;
}

.nodata-icon {
    font-size: 65px;
    margin-bottom: 3px;
}

.nodata-text {
    color: $--color-routerTag-color;
}

.el-loading-spinner i {
    font-size: 36px;
    color: $--color-routerTag-color;
}

.el-loading-spinner .el-loading-text {
    font-size: 16px;
    color: $--color-routerTag-color;
}
// 特定行的标识需要在这里加样式

.warning-row {
    color: $--color-warning-color !important;
}

.warning-row-bg {
    background-color: $--color-warning-color !important;
}

.danger-row {
    color: $--color-danger-color !important;
}

.danger-row-bg {
    background-color: $--color-danger-color !important;
}

.violation-row {
    color: $--color-violation-color !important;
}

.violation-row-bg {
    background-color: $--color-violation-color !important;
}
